<template>
    <div>
        <p>
        <button @click="handlenamechange">handlenamechange</button>
        <button @click="handleinfochange">handleinfochange</button>
        <button @click="handlelistchange">handlelistchange</button>
        </p>
<props-data :name="name" :info="info" :list="list"/>
    </div>
</template>
<script>
import PropsData from './PropsData.vue';
export default {
    data(){
        return {
            name:"",
            info:{},
            list:[]
        }
    },
    methods:{
        handlenamechange:function(){
            this.name = "vue" + Date.now();
        },
        handleinfochange:function(){
            this.info.number = 1;
        },
        handlelistchange:function(){
            this.list.push(1,2,3);
        }
    },
    components:{
        PropsData
    }
}
</script>